.box {
    width: 120px;
    height: 130px;
    position: fixed;
    right: 30px;
    bottom: 100px;
}

.box .nav {
    height: 40px;
    width: 40px;
    background: url(https://hotkidceo-1251330842.file.myqcloud.com/static/functional/spread.png) no-repeat;
    background-size: cover;
    position: absolute;
    right: 0;
    bottom: 40px;
    transform: rotate(45deg)
}

.box .nav1 {
    height: 40px;
    width: 40px;
    background: url(https://hotkidceo-1251330842.file.myqcloud.com/static/functional/nav.png) no-repeat;
    background-size: cover;
    position: absolute;
    right: 0;
    bottom: 40px;
    z-index: 999;
}

.box div {
    transition: .5s;
}

.box .backTop1 {
    background: url(https://hotkidceo-1251330842.file.myqcloud.com/static/functional/backTop.png
) no-repeat;
    height: 40px;
    width: 40px;
    position: absolute;
    background-size: cover;
    right: 0;
    bottom: 40px;
}

/* .box .backTop {
    height: 40px;
    width: 40px;
    background: url(https://hotkidceo-1251330842.file.myqcloud.com/static/functional/backTop.png) no-repeat;
    background-size: cover;
    position: absolute;
    right: 48px;
    bottom: 71px;
} */
.box .backTop {
    height: 40px;
    width: 40px;
    background: url(https://hotkidceo-1251330842.file.myqcloud.com/static/functional/backTop.png) no-repeat;
    background-size: cover;
    position: absolute;
    right: 9px;
    bottom: 106px;
}

.box .share {
    height: 40px;
    width: 40px;
    background: url(https://hotkidceo-1251330842.file.myqcloud.com/static/functional/share.png) no-repeat;
    background-size: cover;
    position: absolute;
    right: 50px;
    bottom: 20px;
}

/* .box .service {
    height: 40px;
    width: 40px;
    background: url(https://hotkidceo-1251330842.file.myqcloud.com/static/functional/service.png) no-repeat;
    background-size: cover;
    position: absolute;
    right: -1px;
    bottom: -13px;
} */

.box .home {
    height: 40px;
    width: 40px;
    background: url(https://hotkidceo-1251330842.file.myqcloud.com/static/functional/home.png) no-repeat;
    background-size: cover;
    position: absolute;
    right: -1px;
    bottom: -13px;
}

.box .cart {
    height: 40px;
    width: 40px;
    background: url(https://hotkidceo-1251330842.file.myqcloud.com/static/functional/cart.png) no-repeat;
    background-size: cover;
    position: absolute;
    right: 51px;
    bottom: 70px;
}

.box .cart1 {
    height: 40px;
    width: 40px;
    background: url(https://hotkidceo-1251330842.file.myqcloud.com/static/functional/cart.png) no-repeat;
    background-size: cover;
    position: absolute;
    right: 0;
    bottom: 40px;
}

/* .box .service1 {
    background: url(https://hotkidceo-1251330842.file.myqcloud.com/static/functional/service.png) no-repeat;
    height: 40px;
    width: 40px;
    position: absolute;
    background-size: cover;
    right: 0;
    bottom: 40px;
} */

.box .home1 {
    background: url(https://hotkidceo-1251330842.file.myqcloud.com/static/functional/home.png) no-repeat;
    height: 40px;
    width: 40px;
    position: absolute;
    background-size: cover;
    right: 0;
    bottom: 40px;
}

.box .share1 {
    background: url(https://hotkidceo-1251330842.file.myqcloud.com/static/functional/share.png) no-repeat;
    height: 40px;
    width: 40px;
    position: absolute;
    background-size: cover;
    right: 0;
    bottom: 40px;
}